/* CSS Document */
.blue{ color: #1492ff;}
.orange{ color: #ff9900;}
.block{ color: #232323;}
.wrap{ width:1200px; margin:0px auto;}
.icon{ background:url(../images/icon.png) no-repeat;}
.m-icon{ background:url(../images/member-icon.png) no-repeat;}
.lazy{ background:url(../images/loading.gif) no-repeat  center center}
.mt30{margin-top: 30px;}
.mt15{margin-top: 15px;}
.h15{ height: 15px;}
.p20{ padding-left: 20px;}


.topbar{ background:#f3f4f8; border-bottom:#e8e8e8 1px solid; height:35px; line-height:35px;}
.topbar .wel{ float:left; color:#8c8c8c;}
.topbar .wel a{ color:#1492ff; margin-left: 10px;}
.topbar .smlink{ float:right;}
.topbar .smlink ul li{ float:left; position:relative;}
.topbar .smlink ul li a{ padding:0px 15px; color:#666;}
.topbar .smlink ul li a:hover{ color:#1492ff}
.topbar .smlink ul li:after{ display:inline-block; width:1px; content:""; position:absolute; left:0px; background:#e1e1e1; top:50%; margin-top: -6px; height:12px;}
.topbar .smlink ul li:first-child::after{ background:none}
.topbar .smlink ul li.pop-link{height:35px; position:relative; float:left; margin:0px; padding:0px;}
.topbar .smlink ul li.pop-link a{display:block; }
.topbar .smlink ul li.pop-link a.tit{  padding:0px 10px; height:32px;line-height:32px;border:solid 1px transparent; color:#333; transition:all 0.4s;}
.topbar .smlink ul li.pop-link a .arrow{ width: 8px; height: 5px; background-position: 0 0;   display:inline-block; position: relative;  margin-left:5px; transition:transform 0.3s ease-in; vertical-align: 2px;}
.topbar .smlink ul li.pop-link.current a .arrow{ background-position: 0 -10px;  }
.topbar .smlink ul li.pop-link .subnav{display:none;background:#fff;position:absolute;top:34px;left:0px; padding:0px 0px; border:#e8e8e8 1px solid; border-top:none; z-index:9;  }
.topbar .smlink ul li.pop-link .subnav li{ padding:0px; display:block; width:100%; }
.topbar .smlink ul li.pop-link .subnav li:after{ display: none;}
.topbar .smlink ul li.pop-link .subnav li a{line-height:30px; margin:0px; padding:0px; text-align: center; display:block; color:#999; }
.topbar .smlink ul li.pop-link .subnav li :hover{background:#f5f5f5; color: #1492ff;}
#link1.current a.tit{border:#e8e8e8 1px solid; color:#1492ff;border-bottom:solid 1px #fff;position:relative;z-index:9; background-color:#fff;  }
#link1.current .subnav{display:block; }




.head{ width:100%; min-width: 1200px; background: #fff; margin:0px auto; height:108px;}
.head .logo{ float:left; width:230px; height:50px; background-position:0px 0px; display:block; cursor:pointer; margin-top:27px;}

.head .seach{ margin-top:29px;}
.head .seach .seach-box{ background:#1492ff; box-sizing: border-box; height:38px; padding:2px;width:560px}
.head .seach .seach-box input{ float:left; width:380px; box-sizing: border-box; height:34px; border:none; background:#fff; padding:0px 10px; position: relative; font-size: 14px;}
.head .seach .seach-box input:after{ content: ''; width: 12px; height: 12px; background: url(../images/icon.png) no-repeat -18px 0; display: inline-block; position: absolute; left: 0; top: 0;}
.head .seach .seach-box input:placeholder{ color: #bfbfbf;}
.head .seach .seach-box button{ width:100px; height:34px; display:inline-block;  border:none; background: transparent;  font-size: 16px; cursor:pointer;  color: #fff;}
.head .seach .seach-box .select{ background: #fff; height: 34px; float: left; width: 75px; text-align: center; position: relative;}
.head .seach .seach-box .select:after{ content: ''; width: 1px; display: inline-block; position: absolute; right: 0; top: 10px; background: #1492ff; height: 14px; z-index: 10; }
.head .seach .seach-box .select a{display:block; font-size: 14px;}
.head .seach .seach-box .select a.tit{  padding:0px 10px; height:32px;line-height:32px;border:solid 1px transparent; color:#333; transition:all 0.4s;}
.head .seach .seach-box .select a .arrow{ width: 8px; height: 5px; background-position: 0 0;   display:inline-block; position: relative;  margin-left:10px; transition:transform 0.3s ease-in; vertical-align: 2px;}
.head .seach .seach-box .select.current a .arrow{ background-position: 0 -10px;  }
.head .seach .seach-box .select .subnav{display:none;background:#fff;position:absolute;top:34px;left:0px; padding:0px 0px; border:#e8e8e8 1px solid; border-top:none; z-index:9; width: 100%;  }
.head .seach .seach-box .select .subnav li{ padding:0px; display:block; width:100%; }
.head .seach .seach-box .select .subnav li:after{ display: none;}
.head .seach .seach-box .select .subnav li a{line-height:30px; margin:0px; padding:0px; text-align: center; display:block; color:#999; }
.head .seach .seach-box .select .subnav li :hover{background:#f5f5f5; color: #1492ff;}
#search.current a.tit{ color:#1492ff;border-bottom:solid 1px #fff;position:relative;z-index:9; background-color:#fff;  }
#search.current .subnav{display:block; }
.head .seach .keyword{ color:#8C8C8C; margin-top: 5px; }
.head .seach .keyword a{ color:#999; font-size:13px; padding-right:10px; margin-right:5px; position:relative;}




.nav{ width:1200px; background: #1492ff; height: 45px; margin:0px auto; position:relative;}
.all-category { background-color: #007ecb; display: block; width: 220px; height:45px; position:relative; float:left; z-index:99;}
.all-category .title { line-height: 20px; height: 25px; padding: 10px 15px;}
.all-category .title a { font-size: 16px; font-weight: normal; color: #FFF; width:100%;}
.all-category .title i {  background-position:-40px 0px; width: 17px; height: 14px; float:right; margin:7px 0px 0 0;}
.all-category .category { display:none; width: 220px;}
.all-category:hover .category { display:block;}
.category{border: #007ecb 1px solid; border-top: none; background:#fff;     z-index:23; position: relative; transition: height 0.7s; padding-bottom: 34px;}
.category .menu1{ display: none;}
.category .menu.show-more{ display: block;}
.category .menu li{position: relative;}
.category .menu li .item {  height:35px; line-height: 35px; position: relative; z-index: 23; vertical-align: top;}
.category .menu li .item:after{ width: 5px; height: 9px; background: url(../images/icon.png) -97px 0px;  content:"";  right:15px; top: 50%; margin-top: -5px;  position:absolute;}
.category .menu li.hover .item:before{ height: 100%; width: 1px; content: ''; background: #ebf5ff; display: inline-block; position: absolute; top: 0; right: -1px; z-index: 9; }
.category .menu li .item a{ color: #595959; font-size: 15px; display: block;}
.category .menu li .item .small-icon{ width: 20px; height: 20px;  display: inline-block; margin-left: 15px; margin-right: 10px; margin-top: 7px; float: left; line-height: 12px;}
.category .menu li.hover { z-index: 2; position: relative; background: #ebf5ff; }
.category .menu li.hover .item:after{background: url(../images/icon.png) -112px 0px; }
.category .menu li.hover .item a{color: #1492ff;}
.category .menu1 .sub-class{border-top-width: 1px;}

.category .show-menu{ height: 34px; display: block; line-height: 34px; text-align: center; background: #ebf5ff; position: absolute; z-index: 25; font-size: 15px; bottom: 0; width: 100%;}
.category .show-menu a{ display: block; text-align:center; line-height: 34px;}

.category .sub-class { background-color: #ebf5ff; display: none; box-sizing: border-box; width: 979px; min-height: 455px; padding: 20px; border-style: solid; border-color: #007ecb; border-width:0px 1px 1px 1px; position: absolute; z-index: 1;/*top: 2px;*/ left: 220px; }
.category li.hover .sub-class { display: none;}
.category .sub-class-content { display: block; width: 100%; }
.category .recommend-class { font-size: 0;  word-spacing:-1em; display: block; overflow: hidden;}
.category .recommend-class span { font-size: 13px; background-color: #fff; vertical-align: top;  display: inline-block; *display: inline; margin: 0 10px 10px 0; }
.category .recommend-class span a { color: #232323; line-height: 20px; display: block; padding: 2px 10px;}
.category .sub-class dl {  font-size: 0;  padding-top: 15px;}
.category .sub-class dl dt,
.category .sub-class dl dd { font-size: 13px; vertical-align: top; display: inline-block; }
.category .sub-class dl dt { width: 70px; height: 16px; padding-right: 15px; margin-right: 15px; }
.category .sub-class dl dt h3 { line-height: 16px; font-weight: 600; color: #232323; text-align: right;}
.category .sub-class dl dt h3 a{ color:#232323}
.category .sub-class dl dd { font-size: 0;  width: 820px; border-bottom: solid 1px #d1eeff; padding-bottom: 10px;}
.category .sub-class dl:last-child dd { border-bottom: none 0;}
.category .sub-class dl dd a { font-size: 13px; color: #595959; line-height: 14px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline; height: 14px; padding: 0 10px; margin-bottom: 10px; *zoom:1;}
.category .sub-class dl dd a:first-child{border-left:none ;}
.category .sub-class dl dd a:hover { color: #1492FF;}


.site-menu { font-size: 0;  max-width: 980px; float: left; position: relative; }
.site-menu li { width: 120px; margin-left:1px; float:left; display: block;}
.site-menu li a {  font-size: 16px; color: #fff; text-align: center; line-height: 45px; display: block; }
.site-menu li a:hover { text-decoration: none; color: #fff; background: #007ecb;}
.site-menu li a.current { color: #fff; background:#007ecb; }

.nav-cart{ float: right; background: #ff9900; min-width: 120px; padding-top: 5px; box-sizing: border-box; line-height: 40px; height: 50px; position: relative; margin-top: -5px; color: #fff; font-size: 16px; text-align: center;}
.nav-cart span.icon{ width: 20px; height: 20px; background-position: -67px 0; display: inline-block; vertical-align: -3px; margin-right: 5px;}
.nav-cart a{ color: #fff;}
.nav-cart:after{ content: ''; width: 5px; height: 5px; background: url(../images/icon.png) no-repeat -127px 0px; position: absolute; left: -5px; top: 0;}
.nav-cart .subnav{display:none;background:#fff;position:absolute;top:50px;right:0px; padding:0px 0px; border:#E8E8E8 1px solid; border-top:none; z-index:9; }
.nav-cart .subnav .tit{ height:45px; color: #1492ff; border-bottom:#f0f0f0 1px solid; line-height:40px;   font-size:16px;}
.nav-cart .subnav .tali{ background:#f3f4f8; height:auto; overflow:auto; padding:5px 15px 15px;}
.nav-cart .subnav .tali p{ text-align:right; color:#8C8C8C; font-size: 13px;}
.nav-cart .subnav .tali .price{ font-size: 18px;}
.nav-cart .subnav .tali .price small{ margin-right: 5px; font-size: 13px;}
.nav-cart .subnav .tali .btn{ height: 35px; line-height: 35px; background: #1492ff; padding: 0px 15px; color: #fff; font-size: 15px;}

.nav-cart .subnav dl{ border-bottom:#f0f0f0 1px dotted; padding: 15px 0; display:block; clear:both; height:auto; overflow:hidden; margin:0px 15px; text-align: left; position: relative;}
.nav-cart .subnav dl:last-child{ border-bottom:none; margin-bottom: 0px;}
.nav-cart .subnav dl dt{ float:left; width:48px; height:48px; border:#E8E8E8 1px solid; overflow:hidden;  }
.nav-cart .subnav dl dd{ width: 215px; float: left; padding-left: 15px;  color:#999;  position:relative;}
.nav-cart .subnav dl dd a{ color:#333;  padding:0px; display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; line-height: 20px; font-size: 14px;}
.nav-cart .subnav dl dd .price{ line-height: 30px; margin-top: 5px;}
.nav-cart .subnav dl dd .price .orange{ display: inline-block; font-size: 16px;}
.nav-cart .subnav dl dd .price .orange small{ font-size: 13px; margin-right: 5px;}
.nav-cart .subnav dl:hover a.del{ display: block;}
.nav-cart a.del{ position:absolute; display: none; right:0px; bottom:10px; color:#8C8C8C; font-size: 14px;} 

.nav-cart .subnav .none{text-align:center; color:#666; font-size:12px; padding:10px 15px}
#cart.current a.tit{ border:#d1d1d1 1px solid; color:#f32613;border-bottom:solid 1px #fff;position:relative;z-index:9; background-color:#fff;   }
#cart.current .subnav{display:block; min-width:350px; z-index:8;}

.banner{ margin-top: 10px; float: right; width: 970px;}
.banner .FocusImg {	width:100%; background: #000;	height: 360px;	position: relative;	z-index: 1;}
.banner .FocusImg .pic {	width: 100%;	height: 100%;	position: relative;	z-index: 1;	overflow: hidden;	background: #fff;}
.banner .FocusImg .pic li {	width: 100%;	height: 100%;	background-position: center center;	background-repeat: no-repeat;	position: absolute;	z-index: 100;	opacity: 0;}
.banner .FocusImg .pic li a{ display: block;}
.banner .FocusImg .num {	width: 100%;	height: 10px;	bottom: 20px;position: absolute;	z-index: 3;	left: 0;	font-size: 0px;	text-align: center;}
.banner .FocusImg .num a {	width: 10px;	height: 10px;	text-align: center;	font-size: 0;	display: inline-block;	margin: 0 6px;background:rgba(0,0,0,.5);}
.banner .FocusImg .num a.current {	background: #1492ff;		color: #FFF;}
.banner .solgan{ background: #fff; height: 85px; display: block; width: 970px;}
.banner .solgan li{ float: left; width: 25%; padding: 20px; box-sizing: border-box; font-size: 15px; color: #262626; position: relative; line-height: 16px; padding-left: 70px;}
.banner .solgan li p{ color: #8C8C8C; font-size: 13px; margin-top: 5px;}
.banner .solgan li span{ width: 36px; height: 36px; position: absolute; left: 20px; display: block;}
.banner .solgan li span.solgan-icon1{ background-position: 0px -35px;}
.banner .solgan li span.solgan-icon2{ background-position: -46px -35px;}
.banner .solgan li span.solgan-icon3{ background-position: -92px -35px;}
.banner .solgan li span.solgan-icon4{ background-position: -138px -35px;}

.brand-section{ background: #fff; margin-top: 30px;}
.brand-section .title{ height: 60px; position: relative;}
.brand-section .title:after{ content: ''; display: inline-block;  height: 1px; background: #e8e8e8; position: absolute; bottom: 0; left: 0; right: 0;}
.brand-section .title .bt{ line-height: 60px; margin: 0px auto; text-align: center; color: #262626; font-size: 24px; font-family: "方正小标宋简体";}
.brand-section .title .change{ color: #8C8C8C; font-size: 14px; position: absolute; right: 20px; top: 50%; margin-top: -7px;}
.brand-section .title .change span{ background-position: -248px 0; width: 14px; height: 14px; display: inline-block; margin-right: 5px; vertical-align: middle;}
.brand-section .title .change:hover{ color: #1492FF;}
.brand-section .title .change:hover span{background-position: -272px 0; animation: rotateArround 3.5s linear  infinite alternate;
	-webkit-animation: rotateArround 3.5s linear infinite alternate;}
.brand-ul{ width: 1200px;}
.brand-ul li{ float: left; width: 171px; padding: 14px 22px; box-sizing: border-box; text-align: center; position: relative;  }
.brand-ul li:after{ content: ''; width: 1px; height: 100%; background: #f5f5f5; position: absolute; right: 0; top: 0;}
.brand-ul li:nth-child(7n):after{ display: none;}
.brand-ul li:before{ content: ''; width: 100%; height: 1px; background: #f5f5f5; position: absolute; right: 0; bottom: 0;}
.brand-ul li .pic{ width: 128px; height: 78px;     overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block;}
.brand-ul li .pic img{max-width: 128px; max-height: 78px; margin-top:expression(78-this.height/2); *margin-top:expression(39-this.height/2);}
.brand-ul li .mask{background: rgba(0,0,0,.5);   position: absolute;  top: 10px;  bottom: 10px;  left: 10px;  right: 10px; z-index: 1; align-items: center; opacity: 0; filter: Alpha(opacity=0);}
.brand-ul li .mask p{ color: #fff; font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
.brand-ul li .mask a{ width: 80px; height: 28px; border: #ff9900 1px solid; display: block; color: #ff9900; line-height: 28px; margin: 0px auto; font-size: 14px; }
.brand-ul li:hover .mask{opacity: 1; filter: Alpha(opacity=100);}
.section-tit{height: 40px;line-height: 40px; margin: 0px auto; text-align: center; color: #262626; font-size: 24px; font-family: "方正小标宋简体"; margin-top: 50px;}
.buy-section{ background: #fff; }
.buy-section .title{position: relative; height: 50px; background: #F5F5F5; padding:0px 25px; }
.buy-section .title .bt{font-weight: bold; float: left; font-size: 20px; line-height: 50px; color: #1492FF;}
.buy-section .title .bt sub{opacity: 0.6; Alpha(opacity=60); margin-left: 5px; font-weight: normal;vertical-align: 3px;}
.buy-section .title .bt:before{ top: 15px; content: ''; width:4px; height: 20px; display: inline-block; position: absolute; left: 0; background: #1492ff;}
.buy-section .title .more{ float: right; line-height: 50px; color: #8C8C8C; font-size: 14px;}
.buy-section .title .more span{width: 14px; height: 14px; display: inline-block; margin-left: 5px; background-position: -142px 0px; vertical-align: -2px;}
.buy-section .title .more:hover{ color: #1492FF;}
.buy-section .title .more:hover span{background-position: -296px 0px;}
.buy-section .title.green .bt{ color: #1a993e;}
.buy-section .title.green .bt:before{ background: #1a993e;}


.product-list{padding:0 15px;}
.product-list li{ padding:19px; position: relative; width: 196px; float: left; overflow: hidden; min-height: 284px;}
.product-list li:hover{ background: #FAFAFA;}
.product-list li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.product-list li:after{ content: ''; width: 1px; height: 100%; background: #f5f5f5; display: inline-block; position: absolute; right: 0; top: 0;}
.product-list li:nth-child(5n):after{ display: none;}
.product-list li:before{ content: ''; width: 100%; height: 1px; background: #f5f5f5; display: inline-block; position: absolute; left: 0; bottom: 0;}
.product-list li .pic{ width: 196px; height: 196px;     overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block;}
.product-list li .pic img{max-width: 196px; max-height: 196px; margin-top:expression(196-this.height/2); *margin-top:expression(98-this.height/2);  -wekbit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.product-list li .name{ font-size: 14px; padding: 10px 0; width: 100%; display: inline-block;  line-height: 18px;height: 28px;}
.product-list li .name a{color: #262626;}
.product-list li .name a:hover{ color: #1492FF;}
.product-list li .price-box{ height: 26px; line-height: 26px; position: relative;}
.product-list li .price-box .price{ font-size: 18px; color: #FF9900; position: relative;}
.product-list li .price-box .price small{ margin-right: 3px;}
.product-list li .price-box .cart-btn{ width: 26px; height: 26px; background-position:-212px 0; display: inline-block; position: absolute; right: 0; top: 0;}
.product-list li .price-box .cart-btn:hover{ background-position: -176px 0;}
.product-brand{ padding: 20px 15px;}
.product-brand li{ border: #f5f5f5 1px solid; box-sizing: border-box; width: 128px; height: 48px; overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block; position: relative; float: left; margin-right: 19px;}
.product-brand li img{max-width: 128px; max-height: 48px; margin-top:expression(48-this.height/2); *margin-top:expression(24-this.height/2);}
.product-brand li:last-child{ margin-right: 0;}

.Filter{  border-bottom:none; background:#FFF; font-size:13px;}
.Filter-box{ padding:10px 0 10px 90px; min-height:30px; border-top:#F5F5F5 1px solid; position:relative;}
.Filter-box:first{ border-top: none;}
.Filter-box.pr158{ padding-right:158px;}
.Filter-box .name{ width:90px; height:100%; display:block; position:absolute; left:0; top:0;}
.Filter-box .name span{ padding:10px 0 0 15px; display:block; line-height:30px; font-size:13px; font-weight:bold;}
.Filter-box .flist{ height: 28px; overflow: hidden;}
.Filter-box .flist li{float:left; height:22px; line-height:22px; padding:3px 0; width:150px; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.Filter-box .flist li a{color:#595959;}
.Filter-box .flist li.active a{ color: #1492FF; font-weight:bold;}
.Filter-box .flist li a:hover{text-decoration: underline;}
.Filter-box .opn{ position:absolute; right:20px; top:13px;}
.Filter-box .opn .tab{ height:18px; line-height:18px; display:block; float:left; border:#666 1px solid; padding:0 16px 0 7px; margin-left:10px; color:#666; position:relative;}
.Filter-box .opn .tab i{ width:12px; height:12px; display:block; position:absolute; right:4px; top:50%; margin-top:-6px; background:url(../images/icon-Filter.png) no-repeat;}
.Filter-box .opn .tab .icon-slide{ background-position:-20px 0px;}
.Filter-box .opn .tab.active .icon-slide{ background-position:-40px 0px;}
.Filter-box .opn .tab .icon-multi{ background-position:-60px 0px;}
.FilterMore{ display:none;}
.Filter-box.more .FilterMore,
.Filter-box.multi .FilterMore{ display:block;}
.Filter-box.multi .flist,#MoreMulti.more .flist{ display:none;}
.MoreMul.more .flist,.MoreMul1.more .flist{ height: auto;}

.FilterMore .RetrieveBar{ height:30px;}
.FilterMore .index{ float:left;}
.FilterMore .index a{line-height:30px; margin-right:5px;}
.FilterMore .index a:hover{ color:#ff4539;}
.FilterMore .srh{ height:24px; width:80px; border:#c3c3c3 1px solid; position:relative; padding:0 50px 0 10px; float:right;}
.FilterMore .srh .srh-btn{ width:26px; height:26px; line-height:26px; display:block; position:absolute; right:-1px; top:-1px; cursor:pointer; background:#ff9900;}
.FilterMore .srh .srh-btn .icon-srh{ width:16px; height:16px; display:block; position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; background:url(../images/icon-Filter.png) no-repeat 0 -20px;}
.FilterMore .srh .txt{ width:100%; height:20px; padding:2px 0; display:block; line-height:20px; border:none; background:#fff;}
.RetrieveBox{ background:#f4f7f6; padding:20px; margin-top:5px;}
.RetrieveBox ul{ max-height:150px; overflow:hidden; overflow-y:auto;}
.RetrieveBox ul li{ height:30px; line-height:30px; width:25%; float:left;}
.RetrieveBox ul li a{ color:#666;}
.RetrieveBox ul li .checkbox{font-family:"iconfont" !important; font-size:14px; font-style:normal !important; width:14px; height:14px; line-height:14px; display:inline-block; vertical-align:middle; *display:inline; *zoom:1; margin:-2px 3px 0 0; display:none;}
.RetrieveBox ul .active a{ color:#ff9900; font-weight:bold;}
.FilterMore .button-box{ font-size:0; text-align:center; margin-top:10px; display:none;}
.FilterMore .button-box .btn{ height:30px; line-height:30px; font-size:13px; margin:0 10px; padding: 0px 15px; border-radius:0; border: none;}
.FilterMore .button-box .btn.ok{ background: #1492FF; color: #fff;} 
.Filter-box.multi .RetrieveBox ul li .checkbox{ width:12px; height:12px; display:inline-block; vertical-align:middle; *display:inline; *zoom:1; background:url(../images/icon-Filter.png) no-repeat -80px 0;}
.Filter-box.multi .RetrieveBox ul li.active .checkbox{ background-position:-100px 0;}
.Filter-box.multi .button-box{ display:block;}
.Filter-box.multi .opn{ display:none;}
.Filter .hide{ display:none;}
.Filter-box.selected{ background:#FAFAFA;}
.Filter-box .condition{ overflow:hidden;}
.Filter-box .condition .item{ height:30px; line-height:30px; display:block; float:left; padding:0 30px 0 10px; background:#1492FF; color:#FFF; margin-right:20px; position:relative;}
.Filter-box .condition .item span{ display:block; height:30px; max-width:72px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Filter-box .condition .del{width:30px; height:30px; text-align:center; line-height:30px; display:block; position:absolute; right:0; top:0;}
.Filter-box .condition .del .icon-del{ width:12px; height:12px; display:block; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px;background:url(../images/icon-Filter.png) no-repeat 0 0;}
.Filter-box .empty{ position:absolute; top:50%; right:20px; margin-top:-15px; height:30px; line-height:30px; display:block; color:#666;}
.Filter-box .empty:hover{ color:#ff4539;} 


.product-filter{ background: #F5F5F5; height: 45px; padding: 10px; box-sizing: border-box;}
.product-filter .sort{}
.product-filter .sort ul{ background: #fff; border: #E8E8E8 1px solid; display: inline-block; float: left;}
.product-filter .sort ul li{ line-height: 25px; display: inline-block; position: relative;}
.product-filter .sort ul li:after{ content: ''; width: 1px; height: 100%; background: #E8E8E8; display: inline-block; position: absolute; right: 0; top: 0;}
.product-filter .sort ul li a{ display: block; padding: 0px 15px; font-size: 13px; color: #595959;}
.product-filter .sort ul li a em{ display: inline-block;     border-left: transparent 4px solid;  border-right: transparent 4px solid; border-top: #BFBFBF 4px solid; height: 0px; display: inline-block; vertical-align: 2px;  margin-left: 5px;}
.product-filter .sort ul li:last-child:after{ display: none;}
.product-filter .sort ul li.current a{ background: #1492FF; color: #fff;}
.product-filter .sort ul li.current a em{border-top: #fff 4px solid; transform: rotate(180deg);}
.product-filter .sort ul li span{ position: relative; display: inline-block; margin-left: 5px; width: 5px; vertical-align: 4px;}
.product-filter .sort ul li span:before{ content: ''; position: absolute; display: inline-block;     border-left: transparent 4px solid;  border-right: transparent 4px solid; border-top: #BFBFBF 4px solid; top: 0px; height: 0px; display: inline-block; right: 0;}
.product-filter .sort ul li span:after{ content: ''; position: absolute; display: inline-block;     border-left: transparent 4px solid;  border-right: transparent 4px solid; border-top: #BFBFBF 4px solid; height: 0px; top: -5px; display: inline-block; right: 0; transform: rotate(180deg);}
.product-filter .sort ul li.current a span:after{border-top: #fff 4px solid; }

.product-filter .sort ul li.current2 a{ background: #1492FF; color: #fff;}
.product-filter .sort ul li.current2 a em{border-top: #fff 4px solid; transform: rotate(180deg);}
.product-filter .sort ul li.current2 a span:before{border-top: #fff 4px solid; }

.product-filter .sort .input-box{ margin-left: 20px; float: left;}
.product-filter .sort .input-box input{  border: #E8E8E8 1px solid; height: 25px; width: 80px; text-align: center;}
.product-filter .sort .input-box span{ margin: 0px 5px; color: #595959; display: inline-block;}
.product-filter .count{ float: right; font-size: 14px; color: #595959; line-height: 25px;}
.product-filter .count span{ margin: 0px 4px;}

.product-box{ background: #fff;}

.pagination { text-align: center; display:block; margin: 0 auto; padding: 15px 0;}
.pagination .count{ display: inline-block; float: left; font-size: 14px; color: #595959; margin-right: 20px;}
.pagination .count input{ margin-left:5px; margin-right: 5px; border: #E8E8E8 1px solid; line-height: 20px; padding: 8px; text-align: center; width: 40px;}
.pagination ul { font-size: 0; *word-spacing:-1px; margin:0px auto; text-align:center; display: inline-block; float: left;}
.pagination ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin: 0 0 0 -1px;}
.pagination ul li { *display: inline; *zoom:1;}
.pagination li span { font: 600 12px/20px Verdana, Tahoma, Arial; color: #BFBFBF; background-color: #FFF; text-align: center; display: block; min-width: 20px; padding: 8px; border: 1px solid #E8E8E8; position: relative; z-index: 1;}
.pagination li a span , 
.pagination li a:visited span { color: #555; text-decoration: none; background-color: #FFF; position: relative; z-index: 1;}
.pagination li a:hover span, 
.pagination li a:active span { color: #1492FF; text-decoration: none; border-color: #1492FF; position: relative; z-index: 9; cursor:pointer;}
.pagination li a:hover { text-decoration: none;}
.pagination li span.currentpage { color: #FFF; font-weight: bold; background-color: #1492FF; border-color: #1492FF; position: relative; z-index: 2;}
.pagination li:first-child { margin-right: 8px;}
.pagination li:last-child { margin-left: 8px;}
.pagination.other{margin-right: 30px; padding-bottom: 30px;}


.site{ height:40px; line-height:40px; color:#262626;}
.site a{ color:#8C8C8C;}
.site span{ width:5px; height:9px; background:url(../images/icon.png) no-repeat -97px 0; display: inline-block;  margin:0px 5px;}

.product-detail{ background: #fff; padding: 20px;}
/*.product-detail .picture{ float:left;  width:420px; background:#000; height:420px;}*/
.product-detail .product-picture{ width:420px; float:left; }
.zoom_scroll{ width:420px; height:60px;position:relative; margin-top:10px;}
.zoom_scroll .bun{ width:30px; height:60px; position:absolute; background:url(../images/zoombun.png) no-repeat 0 0; display:block; top:50%; margin-top:-30px;}
.zoom_scroll .bun.lbun{ left:0px; background-position:0px 0px;} 
.zoom_scroll .bun.lbun:hover{ background-position:0px -60px;}
.zoom_scroll .bun.rbun{ right:0px; background-position:-30px 0px;} 
.zoom_scroll .bun.rbun:hover{ background-position:-30px -60px;}
.zoom_scroll .scrollpic{ width:336px; height:60px; overflow:hidden; position:relative; margin-left:42px;}
.zoom_scroll .scrollpic ul{ width:500%; position:absolute; left:0px; top:0px;}
.zoom_scroll .scrollpic ul li{ width:84px; height:60px; text-align:center; float:left;}
.zoom_scroll .scrollpic ul li .pic{ width:58px; height:58px; padding:1px; background:#F5F5F5; margin:0 auto; display:block; overflow:hidden; font-size:0px; line-height:0px; }
.zoom_scroll .scrollpic ul li .pic img{ width:58px; height:58px;}
.zoom_scroll .scrollpic ul li .pic.active{ width:56px; height:56px; padding:2px; background:#1492FF;}
.zoom_scroll .scrollpic ul li .pic.active img{ width:56px; height:56px;}
.zoom_scroll .scrollpic ul li .pic:hover{ -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)}

.product-detail .product-info{ width:740px; padding-left: 30px; box-sizing: border-box; float:right;}
.product-detail .product-info h1{ font-size:20px; padding-bottom:15px; line-height:24px; }
.product-detail .product-info .price-box{ border-bottom:#F5F5F5 1px dotted; background:#fafafa; padding:10px; height:auto; overflow:hidden; border-top:#F5F5F5 1px dotted; font-size: 14px;}
.product-detail .product-info .price-box ul li{ vertical-align:middle; line-height:20px; padding:5px 0px;}
.product-detail .product-info .price-box ul li span{  color:#8C8C8C; width:80px; vertical-align:middle; display:inline-block;}
.product-detail .product-info .price-box ul li .price{ font-size:24px; vertical-align:middle;}
.product-detail .product-info .price-box ul li .price small{ font-size:14px; margin-right: 5px;}
.product-detail .product-info .price-box ul li del{ color:#BFBFBF; }
.product-detail .product-info .price-box .sale{ margin-left: 5px; display:inline-block;  background:#ff9900; color:#fff; padding:0px 5px;}
.product-detail .product-info .text-box{ margin-top: 20px;}
.product-detail .product-info .text-box ul li{ line-height:24px; padding:5px 0px; font-size:14px; float: left; width: 50%;}
.product-detail .product-info .text-box ul li span{ color:#666; display:inline-block; width:80px;}

.product-detail .product-info .ncs-key dl { padding: 10px 0 10px 0; font-size:13px; height:  auto; display: block; clear: both; overflow: hidden;}
.product-detail .product-info .ncs-key dl dt{ color:#666; display:inline-block; width:80px; float:left; line-height:30px;}
.product-detail .product-info .ncs-key dl dd{ float:left; padding-right: 5px; vertical-align:middle;  }
.product-detail .product-info .ncs-key dl dd a { white-space: nowrap; display: block; min-height: 24px; padding: 1px 10px; border: 1px solid #E8E8E8; cursor: pointer; position:relative; background-color: #FFF; font-size: 12px; color: #999; line-height:24px;}
.product-detail .product-info .ncs-key dl dd a:hover, 
.product-detail .product-info .ncs-key dl dd a.hovered { color: #1492FF; text-decoration: none; border: 2px solid #1492FF; padding: 0px 9px;}
.product-detail .product-info .ncs-key dl dd a i { display: none;}
.product-detail .product-info .ncs-key dl dd a.hovered i { font-size: 0; line-height: 0; background:url(../images/icon.png) no-repeat -320px 0px; display: block; width: 11px; height: 11px; position: absolute; z-index: 1; right: 0px; bottom: 0px;}

.product-detail .product-info .ncs-buy { display: block; clear: both;  position: relative; z-index: 1; margin-top: 10px; }
.product-detail .product-info .ncs-buy span{ width:80px; display:inline-block; font-size:13px; float:left; color:#666; line-height:41px;}
.product-detail .product-info .ncs-figure-input { vertical-align: top; display: inline-block; width: 65px; position: relative; z-index: 1; float: left;}
.product-detail .product-info .ncs-figure-input .input-text { color: #333; font-family: Tahoma; font-size: 16px; font-weight: 600; line-height: 41px; text-align: center; height: 41px; width: 41px; padding: 0; border: solid 1px #E8E8E8;}
.product-detail .product-info .ncs-figure-input a { font-size: 0; background-color: #FFF; background: url(../images/icon.png) no-repeat; display: block; width: 20px; height: 20px; border-style: solid; border-color: #E8E8E8; border-width: 1px 1px 1px 0; position: absolute; z-index: 1; left: 42px; -webkit-text-size-adjust:none;}
.product-detail .product-info .ncs-figure-input a:hover { color: #F32613; text-decoration: none;}
.product-detail .product-info .ncs-figure-input a.increase { background-position: -352px 4px; top: 0;}
.product-detail .product-info .ncs-figure-input a.decrease { background-position: -335px 5px; top: 21px;}
.product-detail .product-info .ncs-figure-input span { white-space: nowrap; display: block; position: absolute; z-index: 1; top: 50px; left: 0;}
.product-detail .product-info .ncs-figure-input span em { margin: 0 2px;}
.product-detail .product-info .ncs-figure-input span strong { color: #F60; margin: 0 2px;}
.product-detail .product-info .kc{ line-height: 41px; padding-left: 15px; font-size: 14px; color: #8C8C8C; display: inline-block;}

.product-detail .product-info  .cart_tip{ height:28px; background:#fffbf0; border:#ddd 1px solid; display:inline-block; position:relative; line-height:28px; padding:0px 15px; margin-top:8px; margin-left:8px; z-index:99999;}
.product-detail .product-info  .cart_tip .arrow{ width:6px; height:10px; display:inline-block; background-position:-278px 0px; position:absolute; left:-6px; top:50%; margin-top:-3px;}
.product-detail .product-info  .cart_tip:hover .tip_box{ display:block;}
.product-detail .product-info  .cart_tip .tip_box{ display:none; width:240px; border:#e52142 1px solid; border-top:#e52142 2px solid; padding:15px 20px; position:absolute; left:0px; top:32px; height:190px; line-height:18px; color:#666; z-index:99; background:#fff; z-index:99999;}
.product-detail .product-info  .cart_tip .tip_box p{ margin-bottom:15px;}
.product-detail .product-info  .cart_tip .tip_box i{ content:""; width:0px; height:0px; border-bottom:#e52142 4px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; display:inline-block; position:absolute; top:-6px; left:49%;}


.product-detail .product-info .ncs-btn{ position:relative;}
.product-detail .product-info .ncs-btn .addcart,.ncs-btn .buynow,.ncs-btn .collect{font: bold 16px/32px "Microsoft Yahei"; color: #FFF; text-align: center; display: inline-block; height: 32px; padding: 5px 12px; margin-right: 10px;  position: relative; overflow: hidden; border:transparent  1px solid; min-width:150px;}
.product-detail .product-info .ncs-btn .buynow { background-color: #1492FF;}
.product-detail .product-info .ncs-btn a:hover.buynow { background-color: #007ecb;}
.product-detail .product-info .ncs-btn a.addcart { background-color: #ebf5ff; border: #1492FF 1px solid; color: #1492FF;}
.product-detail .product-info .ncs-btn a:hover.addcart { background-color: #1492FF; color: #fff;}
.product-detail .product-info .ncs-btn a.addcart .icon-cart{ width:20px; height:20px; background-position:-382px 0px; display:inline-block; margin-right:5px; vertical-align: -2px;}
.product-detail .product-info .ncs-btn a:hover.addcart .icon-cart{ background-position: -67px 0;}

.product-detail .product-info .ncs-btn a.collect { border: #E8E8E8 1px solid; min-width:80px; color:#595959; font-size:14px; font-weight:normal;}
.product-detail .product-info .ncs-btn a.collect.active span{ color: #ff9900;}
.product-detail .product-info .ncs-btn a.collect .icon-collect{width:20px; height:18px; background-position:-417px 0px; display:inline-block; margin-right:5px; vertical-align: -5px;}
.product-detail .product-info .ncs-btn a.collect.active .icon-collect{background-position:-445px 0px;}

.product-detail .product-info .ncs-btn .buygray { background-color: #BFBFBF;}
.product-detail .product-info .ncs-btn a:hover.buygray { background-color: #BFBFBF;}
.product-detail .product-info .operate-box{ min-height: 270px; position: relative;}
.product-detail .product-info .operate-box .wechat{ position:absolute; right:10px; top:80px; width:100px; text-align:center;}
.product-detail .product-info .operate-box .wechat span{ display:block; clear:both; width:100%; line-height:24px; color:#666; font-size:13px;}
.product-detail .product-info .operate-box .wechat img{ width: 100%; display:block; clear:both; border:#FAFAFA 5px solid;}

.product-related{ width:200px; background: #fff;}
.product-related .tit{ height:30px; font: bold 14px/30px "微软雅黑";  background:#FAFAFA; display:block; padding:5px 10px;}
.product-related ul{ padding:20px 20px 5px 20px;}
.product-related ul li{ border-bottom:#E8E8E8 1px solid; padding-bottom:10px;}
.product-related ul li:last-child{ border-bottom:none;}
.product-related ul li .pic{ width:160px; height:160px; overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block;}
.product-related ul li .pic img{ max-width: 160px; max-height: 160px; margin-top:expression(160-this.height/2); *margin-top:expression(80-this.height/2);}
.product-related ul li .dec{ margin-top: 10px; position: relative;}
.product-related ul li .dec .name a{ color:#595959; font-size:13px; line-height:18px;}
.product-related ul li .dec .name a:hover{ color:#1492FF;}
.product-related ul li .dec .price{ margin-top: 10px; color: #FF9900; font-size: 18px;}
.product-related ul li .dec .price small{ margin-right: 5px; font-size: 12px;}

.product-desc{ width:980px; z-index: 10; background: #fff; padding-top: 30px;}
.detail-nav{ position:relative;z-index:98; height:39px; border-bottom:#E8E8E8 1px solid; background:#F5F5F5; width:980px; }
.detail-nav-abs{position:fixed;_position:absolute;top:0;_top:expression(documentElement.scrollTop); z-index:9;}
.detail-nav-sie{_position:static;_top:0;}
.detail-nav a,.detail-nav span a{color:#fff;}
.detail-nav a{float:left; width:123px; display:inline-block; height:37px; display:inline-block; cursor:pointer; text-align:center; font:14px/38px "微软雅黑"; color:#666;}
.detail-nav a.down{ color:#1492FF;  background:#fff; border:1px solid #1492FF; border-bottom:1px solid #fff; border-top:#1492FF 2px solid; }
.product-desc .detalied{  padding:40px 30px 0px 30px; font:14px/26px "微软雅黑"; color:#262626;}
.product-desc .detalied p{ margin:15px 0px;}

.product-desc .comment{}
.product-desc .comment h2{padding-left:10px; position: relative; z-index: 1; font: bold 16px/40px "微软雅黑"; color:#262626; background: #F5F5F5; height: 40px; }
.product-desc .comment h2:before{ content: ''; width: 2px; height: 16px; margin-top: 12px; position: absolute; left: 0; background: #1492FF; display: inline-block;}
.product-desc .comment .comment-box{ padding:0 30px 30px }
.product-desc .comment .comment-box dl{ border-bottom:#f0f0f0 1px solid; margin-top: 15px;  height:auto; overflow:hidden;}
.product-desc .comment .comment-box dl:last-child{ border-bottom:none;}

.product-desc .comment .comment-box dl dt{ float:left; width:15%; color:#666; line-height: 26px;}
.product-desc .comment .comment-box dl dt .pic{ width: 26px; height: 26px;  overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block; float: left; margin-right: 5px;}
.product-desc .comment .comment-box dl dt .pic img{max-width: 26px; max-height: 26px; margin-top:expression(26-this.height/2); *margin-top:expression(13-this.height/2); border-radius: 50%; -webkit-border-radius: 50%;}
.product-desc .comment .comment-box dl dd{  width:85%; padding-left:15%;}
.product-desc .comment .comment-box dl dd .desc{ line-height:20px; font-size:13px; color:#595959; }
.product-desc .comment .comment-box dl dd .info{padding-bottom: 15px; padding-top: 10px;} 
.product-desc .comment .comment-box dl dd .info .star{ display: block; float: left}
.product-desc .comment .comment-box dl dd .time{ font-size:12px; color:#bfbfbf; float: right; }


.product-desc .comment .comment-statistics{ margin: 30px;   color:#666; }
.product-desc .comment .comment-statistics .comment-count{ float: left; width:200px; border-right: #E8E8E8 1px solid;}
.product-desc .comment .comment-statistics .comment-count .num{ font-size: 40px; color: #FF9900; font-family: arial;}
.product-desc .comment .comment-statistics .comment-count .num small{ font-size: 16px; margin-left: 5px;}
.product-desc .comment .comment-statistics .comment-count .num p{ display: block; color: #BFBFBF; font-size: 12px;}
.product-desc .comment .comment-statistics .comment-count .star{ display:block; margin-top:5px;}
.product-desc .comment .comment-statistics .comment-tag{ float: right; display: block;  width: 680px;}
.product-desc .comment .comment-statistics .comment-tag li{ display: inline-block; height: 24px; border: #e8e8e8 1px solid; line-height: 24px; padding:0px 15px; font-size: 13px; margin-right: 10px; border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer;}
.product-desc .comment .comment-statistics .comment-tag li.current{border: #1492FF 1px solid; color: #1492FF; }
.product-desc .comment .comment-statistics .comment-tag li:hover{border: #1492FF 1px solid; color: #1492FF; margin-bottom: 10px;}
.product-desc .comment .comment-statistics .classly{background:#f5f5f5; height: 34px; width: 100%; margin-top: 20px;}
.product-desc .comment .comment-statistics .classly a{font-size: 13px; line-height: 34px; padding: 0px 30px; color: #262626; display: inline-block;}
.product-desc .comment .comment-statistics .classly a.current{ color: #1492FF;}
.image-slider{width:auto;height:auto;margin:0 auto; overflow: hidden;  position:relative;}
.image-slider-contents{width:100%;min-height:62px;float:left;position:relative;overflow:hidden; }
.image-slider-contents .contents-wrapper{position:absolute; left:0; z-index:0;}
.slider{ margin-top: 10px; display:block; clear: both; height: auto; overflow: hidden;}
.spic{width:60px;height:60px; overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block; border: #E8E8E8 1px solid;  margin-right:15px;  float:left; cursor:pointer;}
.spic img{max-width: 60px; max-height: 60px; margin-top:expression(100-this.height/2); *margin-top:expression(50-this.height/2);}
.thumbnail-active{filter:alpha(opacity=100);opacity:1.0;cursor:pointer;}
.thumbnail-inactive{filter:alpha(opacity=20);opacity:0.2;cursor:pointer;}
.preview{width:450px;height:400px; }
.preview .img-large{width:300px; margin:0 auto; }
.preview .img-large img{ width: 100%; margin-top:20px;}
.preview .img-large .left,.preview .img-large .right{position:absolute;top:50%; margin-top:-30px; width:30px;height:60px;background:url(../images/zoombun.png);cursor:pointer;}
.preview .img-large .left{left:0px;}
.preview .img-large .right{ left: 420px; background-position: -30px 0;}
.preview .close{ display: none; }


.help-left{ float:left; width:220px;}
.help-right{ float:right; width:950px; background: #fff;}
.help-right .tit{ border-bottom:#E8E8E8 1px solid;  line-height: 50px; font-size:16px;}
.help-right .tit span{ display:inline-block; width:3px;  height:14px; background:#1492FF; vertical-align:-2px; margin-right:8px;}
.help-nav{ background:#fff; border-top:none;}
.help-nav .title{ height:40px; border-top:#1492FF 2px solid; background:#F5F5F5; font-size:16px; color:#262626; line-height:36px; text-indent:15px;}
.help-nav .sideMenu{  }
.help-nav .sideMenu dl{border-top:#F5F5F5 1px solid;}
.help-nav .sideMenu dt{ height:35px; padding-left:15px; font:normal 14px/35px "Microsoft YaHei";  /*border-bottom:#F5F5F5 1px solid;*/  color: #262626; cursor: pointer;}
.help-nav .sideMenu dt:first-child{ border-top: none;}
.help-nav .sideMenu dt.active{ font-weight: bold;}
.help-nav .sideMenu dt em{ float:right; display:block; width:15px; height:15px;   background:url(../images/icon.png) -201px -35px no-repeat; cursor:pointer; margin-right:15px; margin-top:10px;}
.help-nav .sideMenu dt.active em{ background-position:-184px -35px; }
.help-nav .sideMenu dd{ padding:8px 25px; display: none; cursor: pointer; }
.help-nav .sideMenu dd.active{ display: block;}
.help-nav .sideMenu dd a{font-size: 13px; color:#595959; line-height:26px; padding-left: 15px; display: block; position: relative; }
.help-nav .sideMenu dd a:before{ content: ''; width: 4px; height: 4px; margin-top: -2px; background: #BFBFBF; display: inline-block; position: absolute; left: 0; top: 50%;} 
.help-nav .sideMenu dd a:hover{ color:#1492FF; }
.help-nav .sideMenu dd a.on{ color:#1492FF;  font-weight:bold;}
.help-nav .sideMenu dd a:hover:before,.help-nav .sideMenu dd a.on:before{ background: #1492FF;}

.help-article{ background: #FFF; display: block; padding: 30px; margin-bottom: 10px; overflow: hidden; line-height:24px; font-size:14px; }
.help-article p{ margin:15px 0px;}
.help-article h1{ font: 600 18px/22px "microsoft yahei"; color: #262626; text-align: center; }
.help-article h1 span{color: #BFBFBF; font-size: 12px; padding: 0px 0 10px; margin-bottom: 20px; font-weight: normal; text-align: center; border-bottom: 1px solid #eee; display:block; }
.more-article {  border-top: #E8E8E8 1px solid; padding: 10px 0 0 0px; margin-top: 10px; overflow: hidden; }
.more-article span {display: inline-block; font-weight: normal; color: #8C8C8C;  }
.more-article span a { color: #262626; text-decoration: none;}
.more-article span a:hover { color: #1492FF; text-decoration: underline; }

.article-list {  padding:20px; background:#fff; display:block;}
.article-list ul li { line-height: 30px; height: 30px; padding: 10px 0; clear:both;  display:block; border-bottom:#e8e8e8 1px dotted; }
.article-list ul li a { color: #262626;  font-size:14px; float:left;  }
.article-list ul li a:hover{ color:#e52142; }
.article-list ul li span { font-size: 10px; color: #AAA; float:right; -webkit-text-size-adjust:none;}



.star{ background:url(../images/star.png) no-repeat; background-size: display:inline-block; height:12px; width:75px; vertical-align:middle;}
.star0{ background-position:0px -64px;}
.star1{ background-position:0px -52px;}
.star2{ background-position:0px -39px;}
.star3{ background-position:0px -27px;}
.star4{ background-position:0px -14px;}
.star5{ background-position:0px 0px;}

.popups-book .popupsBox{ padding: 0;}
.popups-book .tit{position: relative; height: 60px; font-weight: bold; text-align: center; color: #1492FF; font-size: 16px; line-height: 60px; background: #F5F5F5;}
.popups-book .popupsClose{ font-size: 20px; width: 30px; height: 30px; border: #BFBFBF 1px solid; background: #fff; position: absolute; right: -15px; top: -15px; border-radius: 50%; -webkit-border-radius: 50%; line-height: 24px; text-align: center; color: #8C8C8C;}
.popups-book  .popupsClose:hover{ border: #1492FF 1px solid; color: #1492FF;}
.popups-book .popupsClose:before{ content: '×'; display: inline-block; position: absolute; left:8px; top: 2px;}
.popups-book .operating-btn{ height: 50px; border-top: #E8E8E8 1px solid;}
.popups-book .operating-btn a{ font-size: 14px; color: #8C8C8C position: relative; float: left; width: 50%; text-align: center; line-height: 50px;}
.popups-book .operating-btn a.sure{ background: #1492FF; color: #fff;}


.popups-book .select-people{ padding:30px 60px; background: #fff;}
.popups-book .select-people .input-txt{ width:100%; box-sizing: border-box; color:#262626; padding: 5px; border: #E8E8E8 1px solid; line-height: 30px; font-size: 14px;}
.popups-book .select-people .people-list{ border: #E8E8E8 1px solid; border-top: none; padding:0px 20px 15px 20px; height: 200px; overflow-y:scroll;}
.popups-book .select-people .people-list li{ margin-top: 15px; line-height: 16px; font-size: 14px; width: 50%; float: left; box-sizing: border-box;}
.popups-book .select-people .people-list li input{ margin-right: 5px; position: relative; }
.popups-book .select-people .people-list li input[type="radio"] + label::before {    content: "\a0"; /*不换行空格*/    display: inline-block;    vertical-align: middle;   font-size: 18px;  width: 16px;   height: 16px;   margin-right: 5px;    border-radius: 50%;    border: 1px solid #BFBFBF;   line-height: 1; box-sizing: border-box;
}
.popups-book .select-people .people-list li input[type="radio"]:checked + label::before {   background-color: #1492FF;   background-clip: content-box;    padding:3px;}
.popups-book .select-people .people-list li input[type="radio"] {  position: absolute; margin-top: 3px; margin-left: 2px;    /*clip: rect(0, 0, 0, 0);*/ opacity: 0; filter: Alpha(opacity=0);}
.popups-book .select-people .people-list li.bg-red{ background: #000;}

	
.form-box{ font-size:14px; padding:30px 0px; color:#333;} 
.form-box li{ padding:10px 0; min-height: 40px; }
.form-box li .name{width:120px;text-align:right; line-height:40px; margin-right:20px; float:left; font-weight:bold;}
.form-box li .input-txt{ width:280px; color:#262626; padding: 5px; border: #E8E8E8 1px solid; line-height: 30px;}
.form-box li .input-txt:focus{ border: #BFBFBF 1px solid;}
.form-box li .textarea-txt{ min-height: 100px; width: 380px;}
.form-box .btn{ height: 30px; background: #1492FF; min-width: 100px; padding: 5px 15px; color: #fff; font-size: 16px; display: inline-block; line-height: 30px; margin-top: 20px; text-align: center; margin-left: 140px;}
.form-box li .SelectControls { float: left;	width: 290px; 	height: 40px;}
.form-box li .SelectControls .Selected {	height: 38px;	line-height: 38px;	padding: 1px 10px; border-radius:0; background: none;}
.form-box li .SelectControls ul {	max-height: 200px;	top: 42px; border: #E8E8E8 1px solid; border-radius: 0; padding: 0;}
.form-box li .SelectControls ul li{ padding: 0;}
.form-box li .SelectControls ul li a {	height: 40px;	line-height: 40px;	padding: 0 10px;}
.form-box li .selectBox {	width: 290px;	height: 42px; float: left;}
.form-box li .selectBox .Selected {	height: 42px;	line-height: 42px;	padding: 0 5px;}
.form-box li .tip{ font-size: 13px; padding-left: 140px; margin-top: 10px;}

.form-box li .upload-pic .box{ margin-right: 10px; display: inline-block;}
.form-box li .upload-pic .item{ position: relative; width: 60px; height: 60px; overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block; border: #E8E8E8 1px solid;  }
.form-box li .upload-pic .item .del{ position: absolute; width: 20px; height: 20px; background: #FAFAFA url(../images/member-icon.png) no-repeat; background-position: 3px 3px; right: 0; bottom: 0; display: none;}
.form-box li .upload-pic .item:hover .del{ display: block;}
.form-box li .upload-pic .item img{max-width: 60px; max-height:60px; margin-top:expression(60-this.height/2); *margin-top:expression(30-this.height/2);}
.form-box li .upload-pic .item input{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; filter: Alpha(opacity=0);}
.form-box li .upload-pic .item.file{ border: none;}

.form-box.mr100{ margin-left: 100px;}
.form-box li .radio-box{ float: left; line-height: 40px;}
.form-box li .radio-box .item{ margin-right: 15px; display: inline-block;}
.form-box li .radio-box .item input{ margin-right: 5px; position: relative;}
.form-box li .radio-box .item input[type="radio"] + label::before {    content: "\a0"; /*不换行空格*/    display: inline-block;    vertical-align: middle;   font-size: 18px;  width: 16px;   height: 16px;   margin-right: 5px;    border-radius: 50%;    border: 1px solid #BFBFBF;   line-height: 1; box-sizing: border-box;
}
.form-box li .radio-box .item input[type="radio"]:checked + label::before {   background-color: #1492FF;   background-clip: content-box;    padding:3px;}
.form-box li .radio-box .item input[type="radio"] {  position: absolute; margin-top: 15px; margin-left: 2px;    /*clip: rect(0, 0, 0, 0);*/ opacity: 0; filter: Alpha(opacity=0);}

@keyframes rotateArround {
	from {transform: rotateZ(0deg);}
	to {transform: rotateZ(360deg);}
}

@-webkit-keyframes rotateArround {
	from {-webkit-transform: rotate(0deg);
	}
	to {-webkit-transform: rotate(360deg);}
}





.footer{ margin-top: 30px; width: 100%; min-width: 1200px; background:#fff; }
.faq{ padding:25px 0px; width:1200px; margin:0px auto;}
.faq dl{ float:left; width:230px;}
.faq dl dt{ font-size:15px; color:#262626}
.faq dl dd{ line-height:24px; font-size:13px; padding-top:10px;}
.faq dl dd a{ color:#8C8C8C; transition:all 0.3s; display:block;}
.faq dl dd a:hover{ color:#1492FF; padding-left:5px;}
.faq dl.service{ width:400px; float: right; position:relative; margin-top: 5px;}
.faq dl.service dt{ width:140px; float:left; position: relative; }
.faq dl.service dt:after{ content: ''; width: 1px; height: 110px; background: #f3f3f3; position: absolute; right: 0; top: 0;}
.faq dl.service dt .wx{  background:#f3f3f3; padding:5px; width:83px; height:83px; display:block; }
.faq dl.service dt .wx img{  width:83px; height:83px;}
.faq dl.service dt span{ font-size: 15px; width: 93px; text-align: center; display: block;}
.faq dl.service dd{float:right; width:260px; font-size:13px; text-align:center; color:#8C8C8C; line-height:14px; }
.faq dl.service dd .tel{ color:#1492ff; font-size:26px;   margin-bottom:15px; }
.faq dl.service dd .btn{font-size: 15px; text-align: center; margin: 15px auto 0px auto; line-height: 32px; box-sizing: border-box; width: 120px; height: 34px; border: #1492FF 1px solid; color: #1492FF;}
.copyright{ width: 1200px; margin: 0px auto; font-size: 13px; border-top: #e8e8e8 1px solid; text-align: center; height: 55px; color: #8c8c8c; line-height: 55px;}


.carttable{ border:#e8e8e8 1px solid; border-collapse: collapse;  background: #fff;}
.carttable tr td{ padding:10px 0px; text-align:center;border-bottom:#e8e8e8 1px solid; font-size: 14px }
.carttable tr td.tal{ text-align:left;}
.carttable tr td.tar{ text-align:right;}
.carttable tr td.bright{ border-right:#e8e8e8 1px solid;}
.carttable.plr10 tr td{ padding:15px 10px;}
.carttable.plr10 tr td .btn{ height:24px; line-height:24px;}
.carttable.plr10 tr td.tal{ text-align:left;}
.carttable tr.title td{ padding:0px 0px; height:44px; line-height:44px; background:#f5f5f5; border-bottom:#e8e8e8 1px solid; }
.carttable tr td .name{ display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #595959; padding-left: 10px;}
.carttable tr td .pro{color: #8C8C8C; margin-top: 10px; padding-left: 10px;}
.carttable tr td .pro span{ margin-right: 5px;}

.carttable tr td .unit{ color: #FF9900; font-weight: normal; font-size: 16px;}
.carttable tr td .c2{ color: #BFBFBF; font-size: 13px; /*text-decoration: line-through;*/}
.carttable .pic{ width: 76px; height: 76px; border: #E8E8E8 1px solid;    overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block;}
.carttable .pic img{max-width: 76px; max-height: 76px; margin-top:expression(76-this.height/2); *margin-top:expression(76-this.height/2);}
.carttable .pl20{ padding-left: 20px; margin-right: 20px;}
.carttable tr.count{ background:#FAFAFA; }
.carttable tr.count .content{ padding: 10px 20px; color: #595959;}
.carttable tr.count .content .price{ font-size: 18px;}
.carttable tr.count .content .price small{ font-size: 12px;}

.carttable .btn-box a{ min-width: 60px; border: #E8E8E8 1px solid; display: inline-block; line-height: 24px; font-size: 12px; padding: 0px 10px; color: #262626; margin: 5px 0;}
.carttable .btn-box a:hover{ border: #BFBFBF 1px solid;}
.carttable .btn-box a.btn-collect{ border: #8fd6ff 1px solid; background: #ebf5ff; color: #8fd6ff;}
.carttable .btn-box a.btn-collect:hover{ border: #1492FF 1px solid;}

.c-kh60 {height: 60px; margin-top: 30px;}
.cart-count{  background: #fff; padding: 20px; height: 26px;}
.cart-count .choose{ float: left;}
.cart-count .choose .btn{ border: #E8E8E8 1px solid; font-size: 12px; color: #595959; line-height: 24px; padding: 0px 10px; display: inline-block;}
.cart-count .price-box{ float: right; position: relative; padding-right: 120px;}
.cart-count .price-box .count{ font-size: 13px; line-height: 18px;}
.cart-count .price-box .count .t-number{ font-size: 18px;  color: #FF9900;}
.cart-count .price-box .count .price{ font-size: 14px; display: inline-block; color: #FF9900;}
.cart-count .price-box .count .price .t-price{font-size: 16px; margin-left: 5px;}
.cart-count .price-box .gobuy{ display: block; position: absolute; right: -20px; top: -20px; height: 66px; background: #1492FF; font-size: 16px; text-align: center; width: 120px; line-height: 66px; color: #fff;}
.cart-count .price-box .gobuy .z-disable{background: #CCC;color: #FFF; cursor: not-allowed;}
.amount{ border:#ddd 1px solid; height:28px; width:120px; text-align:center; display:inline-block; position:relative; overflow:hidden;}
.amount a{width:28px; height:28px; line-height:26px; font-size:20px; float:left; display:block; font-family:Arial; color:#666;}
.amount .Increase{  border-left:#ddd 1px solid; position:absolute; right:0px;}
.amount .Reduce{ position:absolute; left:0px; line-height:24px; border-right:#ddd 1px solid;}
.amount a:hover{ color:#d30830;}
.amount input{ width:52px; height:18px; padding:5px 5px; margin-left:28px; float:left;border:none; text-align:center; display:inline-block;}


.cart-box{background: #fff;}
.cart-box .cart-title{ font-size: 18px; height: 50px; line-height: 50px; padding: 0px 20px;}
.addr-list{ padding:10px 20px 20px 20px;}
.addr-list li{ width:32%; margin-right: 2%; margin-bottom: 10px; height:160px; padding:20px; box-sizing: border-box; border:#E8E8E8 1px solid;  float:left; cursor:pointer; position:relative;}
.addr-list li:nth-child(3){ margin-right: 0;}
.addr-list li .title{ padding-bottom:9px; line-height:20px; border-bottom:#eee 1px solid; overflow:hidden;}
.addr-list li .title .name{ font-size:14px; font-weight:bold; float:left;}
.addr-list li .title .default{ float:right;}
.addr-list li .ok{ display:none;}
.addr-list li .set{ display:none;}
.addr-list li .set:hover{ border-bottom:#e52142 1px solid;}
.addr-list li .text-box{ margin-top:5px; color:#595959; line-height:16px; font-size: 13px; height:80px;}
.addr-list li .text-box p{ margin-top: 10px;}
.addr-list li .btn-box{height:24px;  position:absolute; left:0; bottom:10px; padding-left:20px; display:none;}
.addr-list li .btn-box a{border: #E8E8E8 1px solid; display: inline-block; height: 24px; line-height: 24px; padding: 0px 10px; background: #fff; color:#666; margin-right:15px;}
.addr-list li .ico-yes{ width:11px; height:11px; display: none; position:absolute; right:0px; bottom:0px; background-position:-320px 0px;}
.addr-list li.current{ background:#ebf5ff;}
.addr-list li.current .btn-box{ display:block;}
.addr-list li.current .set{ display:inline;}
.addr-list li.current .ok{ display:none;}
.addr-list li.active{ background: #ebf5ff; border:#1492FF 1px solid;}
.addr-list li.active .ico-yes{ display:block;}
.addr-list li.active .set{ display:none;}
.addr-list li.active .ok{ display:inline;}
.addr-list li.active .title{ border-bottom: #8fd6ff 1px solid;}
.addr-list li.other{ text-align: center; font-size: 16px;}
.addr-list li.other span{ display: block; font-weight: bold; font-size: 40px; margin-top: 10px;}

.order-pay{ padding:0 20px;}
.order-pay li {width: 236px;	height: 86px; border: #E8E8E8 1px solid;	float: left;	margin: 10px 30px 30px 0;		cursor: pointer;	position: relative;}
.order-pay li .pic{width: 236px;	height: 86px;   overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block;}
.order-pay li .pic img{ max-width: 236px; max-height: 86px; margin-top:expression(86-this.height/2); *margin-top:expression(43-this.height/2);}
.order-pay .icon {	width: 11px;	height: 11px;	display: none;	position: absolute;	right: -1px;	bottom: -1px;	background-position: -320px 0px;}
.order-pay li.active {	border-color: #1492FF;}
.order-pay li.active .icon{	display: block;}

.cart-box .table-box{ margin:10px 20px;}
.order-submit{	font-size:14px;	clear:both;	text-align:right; height: 26px; line-height: 26px;	padding:20px;	background:#F5F5F5; position: relative; margin-top: 30px;}
.order-submit .use-yhq{ float:left; color:#999;}
.order-submit .use-yhq input{ display:inline-block; vertical-align:middle; margin-right:5px;}
.order-submit .count{float: right; padding-right: 120px;}
.order-submit .count .price{ font-size: 18px}
.order-submit .count .price small{ font-size: 12px;}
.order-submit .order-btn{ position: absolute; top: 0px; right: 0px; background: #1492FF; color: #fff; width:120px; height:66px; line-height:66px; font-size:20px; text-align:center}

.pay-success{  background:#fff; padding:50px; text-align:center; overflow:hidden; line-height:24px; font-size:13px;}
.pay-success h3{ font-size:18px;  padding-bottom:15px; text-align: center; }
.pay-success h3 span{ margin: 0px auto; border-radius: 50%; -webkit-border-radius: 50%; background: #FF9900; width:60px; height:60px; display:block; vertical-align:middle; position: relative; line-height: 70px; overflow: hidden;}
.pay-success h3 span:before{ content: ''; display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 10px; height: 30px; border-right: #fff 3px solid; border-bottom: #fff 3px solid; }
.pay-success .desc{ color: #595959;}
.pay-success .desc .price{ font-size: 18px;}
.pay-success .desc .price small{ font-size: 12px;}
.pay-success .desc .btn-box { margin-top: 30px;}
.pay-success .desc .btn-box a{ font-size: 14px; border: #E8E8E8 1px solid; height: 34px; min-width: 120px; text-align: center; line-height: 34px; display: inline-block; color: #8C8C8C; margin: 0px 10px;}
.pay-success .desc .btn-box a:hover{ border: #BFBFBF 1px solid; color: #262626}
.pay-success .desc .btn-box a.blue{ border: #1492FF 1px solid; color: #1492FF;}
.pay-success .desc .btn-box a.blue:hover{ border: #007ecb 1px solid; color: #007ecb;}
/* IE6浏览器的特有方法 -- 修正IE6振动bug */
* html,* html body {background-image: url(about:blank);background-attachment: fixed;}
* html .fixedBox {position: absolute;left: expression(eval(document.documentElement.scrollRight-8));top: expression(eval(document.documentElement.scrollTop+200));}



.login-box{  width: 1200px; height:600px; display: block; background: #fff; margin: 0px auto; position: absolute; left: 50%;  top: 50%; margin-top: -300px; margin-left: -600px;}
.login-box .log-img{ float: left; width: 670px;}
.login-box .form{ width: 530px; float: right;}
.login-box .form h2{ text-align: center; color: #1492FF; font-weight: normal; font-size: 30px; margin-top: 100px; margin-bottom: 40px;}
.login-box .form h2 span{font-size: 16px; display: block; margin-top: 0px; color: #999;}
.login-box .form ul{ margin: 0px 85px;}
.login-box .form ul li{ margin-bottom: 25px;}
.login-box .form ul li.input-item{ width: 100%; position: relative; border: none; clear: both; height: auto; overflow: hidden;}
.login-box .form ul li.input-item input{ width: 100%; border: #E8E8E8 1px solid; height: 40px; font-size: 14px; display: block; padding-left: 60px; box-sizing: border-box; outline:none;   -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;}
.login-box .form ul li.input-item input:focus { border: #1492FF 1px solid; box-shadow:#f0f0f0 0px 0px 8px;}
.login-box .form ul li.input-item input::placeholder{ color: #a8a8a8; }
.login-box .form ul li.input-item span{position: absolute; width: 45px; height: 40px;}
.login-box .form ul li.input-item span.user-icon{  background-position: -240px -27px; }
.login-box .form ul li.input-item span.password-icon{  background-position: -290px -27px; }
.login-box .form ul li.input-item span:after{ content: ''; width: 1px; height: 20px; top: 10px; background: #F5F5F5; display: inline-block; position: absolute; right: 0px;}
.login-box .form ul li.input-item .look{ width: 22px; height: 22px; background-position:-90px 0px; position: absolute; right: 10px; top:8px}
.login-box .form ul li .btn{ background: #1492FF; height: 46px; display: block; color: #fff; font-size: 16px; line-height: 46px; text-align: center; transition:all .5s;  -webkit-transition:all .5s; margin-top: 40px;}
.login-box .form ul li .btn:hover{box-shadow:#f0f0f0 0px 0px 8px; background: #007ECB; transform: translateY(-2px); -webkit-transform: translateY(-2px);}
.login-box .form ul li .forget{ color: #FF9900; text-decoration: underline; font-size: 14px; float: right;}
.login-box .form ul li .remember { color: #8C8C8C; float: left; font-size: 14px; vertical-align: middle;}
.login-box .form ul li .remember span{ width: 12px; height: 12px; display: inline-block; border: #BFBFBF 1px solid; margin-right: 5px;  vertical-align: -2px; line-height: 10px; text-align: center; position: relative;}
.login-box .form ul li .remember.active{ }
.login-box .form ul li .remember.active span{color: #fff; background: #1492FF; border: #1492FF 1px solid;}
.login-box .form ul li .remember.active span:before{ content: ''; width: 3px; height: 8px; border-right: #fff 1px solid; border-bottom: #fff 1px solid; display: inline-block; transform: rotate(35deg); -webkit-transform: rotate(35deg); position: absolute; left: 4px;}
.login-box .form .szyz { float: right; width: 120px;	font-size: 14px;	display: inline-block;		padding: 0px 10px;	color: #FF9900;		font-style: normal;     border: #FF9900 1px solid;  height: 38px; line-height: 38px; text-align: center; font-size: 14px; }
.login-box .form .gray {background: #fff; border: #E8E8E8 1px solid; color: #BFBFBF;}
.login-box .form .image-code{position: absolute; right: 15px; top: 4px;}
.login-box .form .image-code img{ height: 32px;}
.login-box .form.forget ul li.input-item input{ padding-left: 15px;}
.login-box .form.forget h2{ margin-top: 40px;}
.login-box .form .tip{ font-size: 14px; color: #8C8C8C; text-align: center;}
.login-box .form .tip a{ margin-left: 5px; color:#1492FF;}
.login-box .return-home{ position: absolute; right: 0; top: -40px; font-size: 14px; color: #fff; font-size: 16px;}


.online {   position: fixed;   z-index: 98;   bottom: 200px;   right: 20px;}
.online li{  position: relative;  background-color: white;   text-align: center;    line-height: 48px;    width: 48px;    height: 48px;    font-size: 0;    /*border: 1px solid #d4d5d7;*/   transition: background-color .3s ease-out; box-shadow: 0 4px 10px 0 rgba(138, 141, 147, 0.2);}
.online li.tel{    height: auto;    margin-bottom: 10px;    background-color: #1492FF;    line-height: 0;    cursor: default;}
.online li.tel > .icon{ display: block;   margin: 12px auto; width: 24px;   height: 24px;   display: inline-block;   vertical-align: middle;   background:url(../images/online-icon.png)0px 0px;}
.online li.tel > p {  position: relative;   padding: 10px 16px;   background-color: white;   font-size: 14px;   color: #666;   line-height: 16px;    text-align: center;   border-bottom-left-radius: 2px;    border-bottom-right-radius: 2px;}
.online li.tel > p:before {    content: "";    position: absolute;    top: 50%;    left: 50%;    width: 3px;    height: 3px;    margin-top: -1px;    margin-left: -1px;    border-radius: 50%;    background-color: #333;}

.online .to-top-btn {cursor: pointer; background: #fff;   visibility: hidden;    opacity: 0;    transition: opacity .3s ease-out;}
.online .to-top-btn .top-icon{background:url(../images/online-icon.png) no-repeat 12px -90px; display: block; width: 48px; height: 48px;}
.online .to-top-btn:hover .top-icon{     background:#1492FF url(../images/online-icon.png) no-repeat 12px -128px;}
.online .to-top-btn.active{visibility: visible;    opacity: 100; }

.online .sub-pop-layer {   position: absolute;    top: 0;    right: 100%;    padding-right: 5px;    font-size: 14px;    opacity: 0;    visibility: hidden;   transform: scale(.95);    transform-origin: right;    transition: opacity .4s, transform .3s ease-out;}
.online li:hover .sub-pop-layer{    opacity: 1;    transform: scale(1);    visibility: visible;}
.online .box {    width: 260px;   white-space: nowrap;   background-color: #fff;   line-height: 40px;   display: block;   padding: 10px 0px 0px 0px;   border-radius: 2px;    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);}
.online .box dl{ margin: 0px;   position: relative;}
.online .box dl dt{line-height: 44px;   height: 44px;   text-align: left; }
.online .box dl dt .icon{float: left;   margin: 10px 10px 0 20px;  width: 24px;   height: 24px;   display: inline-block;   vertical-align: middle;}
.online .box dl dt .tel-icon{   background:url(../images/online-icon.png) 0px -30px;}
.online .box dl dt .QQ-icon{   background:url(../images/online-icon.png) 0px -64px;}
.online .box dl dd{ text-align: left; padding-left: 50px;}
.online .box dl dd a{ border-radius:2px; padding: 0px 5px; font-size: 13px; color: #595959; border: #E8E8E8 1px solid; display: inline-block; height: 30px; line-height: 30px; margin-right: 10px; float: left; margin-bottom: 10px;}
.online .box dl dd a img{ width: 18px; height: 18px; display: inline-block;}
.online .box dl dd a:hover{ border: #00A4FF 1px solid; color: #00A4FF;} 
.online .box dl.wechat{ }
.online .box dl.wechat{background: #f5f7fa; padding:15px 20px; width: 100%; box-sizing: border-box; text-align: center; font-size: 13px; line-height: 26px; color: #666;}
.online .box dl.wechat img{ margin: 0px auto; border: #fff 5px solid; box-sizing: border-box; width: 110px; height: 110px; display: block;}


.u-flyer {
	display: block;
	width: 32px;
	height: 32px;
	position: fixed;
	z-index: 9999;
	opacity: 1;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	-ms-border-radius: 48px;
	-o-border-radius: 48px;
	border-radius: 48px;
}

.u-flyer img {
	width: 100%;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	-ms-border-radius: 48px;
	-o-border-radius: 48px;
	border-radius: 48px;
}

.u-flyer.active img {
	display: none;
}

.u-flyer.active {
	width: 22px;
	height: 22px;
	background: url(../images/u-num.png) no-repeat 0px 0px;
	opacity: 0;
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
	-webkit-transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
	-moz-transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
	-ms-transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
	-o-transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
	transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
}

.u-flyer.active:before {
	width: 22px;
	height: 22px;
	display: block;
	text-align: center;
	content: '1';
	color: #d30830;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 0;
}